<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>衡力 - 个人简历</title>
    <!-- 引入Font Awesome图标库，为简历添加专业图标 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

    <style>
        /* --- 全局样式重置与基础设定 --- */
        :root {
            --primary-color: #2c3e50; /* 主色调-深蓝灰色 */
            --secondary-color: #3498db; /* 辅助色/高亮色-亮蓝色 */
            --text-color: #333; /* 主要文本颜色 */
            --light-text-color: #ecf0f1; /* 浅色文本颜色（用于深色背景）*/
            --container-bg: #ffffff; /* 内容区背景色 */
            --page-bg: #f4f7f6; /* 页面背景色 */
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif;
            background-color: var(--page-bg);
            color: var(--text-color);
            line-height: 1.6;
        }

        /* --- 简历容器与布局 --- */
        .resume-container {
            max-width: 900px;
            margin: 40px auto;
            background-color: var(--container-bg);
            display: flex;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            overflow: hidden;
        }

        /* --- 左侧边栏 --- */
        .sidebar {
            width: 35%;
            background-color: var(--primary-color);
            color: var(--light-text-color);
            padding: 40px 30px;
        }

        .profile-header h1 {
            font-size: 2.5em;
            margin-bottom: 5px;
            font-weight: 600;
        }

        .profile-header .title {
            font-size: 1.1em;
            font-weight: 300;
            color: var(--secondary-color);
            letter-spacing: 1px;
            margin-bottom: 30px;
        }

        .sidebar-section {
            margin-bottom: 30px;
        }

        .sidebar-section h2 {
            font-size: 1.3em;
            border-bottom: 2px solid var(--secondary-color);
            padding-bottom: 8px;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        .contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

        .contact-item .icon {
            width: 25px;
            font-size: 1.1em;
            color: var(--secondary-color);
            text-align: center;
            margin-right: 10px;
        }

        .skills-list, .self-evaluation ul {
            list-style: none;
        }

        .skills-list li {
            background-color: rgba(255, 255, 255, 0.1);
            padding: 5px 12px;
            margin-bottom: 8px;
            border-radius: 5px;
            font-size: 0.95em;
        }

        /* --- 右侧主内容区 --- */
        .main-content {
            width: 65%;
            padding: 40px 30px;
        }

        .main-section {
            margin-bottom: 35px;
        }

        .main-section h2 {
            font-size: 1.6em;
            color: var(--primary-color);
            border-bottom: 3px solid var(--secondary-color);
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .timeline-item {
            position: relative;
            padding-left: 25px; /* 为时间线留出空间 */
            margin-bottom: 20px;
        }

        /* 时间线装饰 */
        .timeline-item::before {
            content: '';
            position: absolute;
            left: 5px;
            top: 5px;
            width: 12px;
            height: 12px;
            background-color: var(--secondary-color);
            border-radius: 50%;
            border: 2px solid var(--primary-color);
        }

        .timeline-item::after {
            content: '';
            position: absolute;
            left: 10px;
            top: 20px;
            bottom: -10px; /* 延伸线条 */
            width: 2px;
            background-color: #ddd;
        }
        .timeline-item:last-child::after {
            display: none; /* 最后一个条目不需要竖线 */
        }

        .item-header {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: 5px;
        }

        .item-header h3 {
            font-size: 1.2em;
            color: var(--text-color);
        }

        .item-header .date {
            font-style: italic;
            color: #777;
            font-size: 0.9em;
        }

        .item-subheader {
            font-weight: bold;
            color: #555;
            margin-bottom: 10px;
        }

        .item-content ul {
            list-style-position: inside;
            padding-left: 5px;
        }

        .item-content ul li {
            margin-bottom: 5px;
        }

        /* --- 响应式设计 --- */
        @media (max-width: 768px) {
            .resume-container {
                flex-direction: column;
                margin: 0;
                border-radius: 0;
            }
            .sidebar, .main-content {
                width: 100%;
            }
            .sidebar {
                padding: 30px 20px;
            }
            .main-content {
                padding: 30px 20px;
            }
        }
    </style>
</head>
<body>

<div class="resume-container">
    <!-- ========== 左侧边栏 ========== -->
    <aside class="sidebar">
        <div class="profile-header">
            <h1>衡 力</h1>
            <p class="title">能源与动力工程 | 储能方向</p>
        </div>

        <div class="sidebar-section">
            <h2><i class="fas fa-user-circle"></i> 基本信息</h2>
            <div class="contact-item">
                <span class="icon"><i class="fas fa-phone"></i></span>
                <span>130-3854-2717</span>
            </div>
            <div class="contact-item">
                <span class="icon"><i class="fas fa-envelope"></i></span>
                <!-- 建议添加邮箱 -->
                <span>your.email@example.com</span>
            </div>
            <div class="contact-item">
                <span class="icon"><i class="fas fa-map-marker-alt"></i></span>
                <span>陕西省 咸阳市</span>
            </div>
            <div class="contact-item">
                <span class="icon"><i class="fas fa-birthday-cake"></i></span>
                <span>2004.08</span>
            </div>
        </div>

        <div class="sidebar-section">
            <h2><i class="fas fa-cogs"></i> 专业技能</h2>
            <ul class="skills-list">
                <li>SolidWorks 三维建模</li>
                <li>AutoCAD 热力系统图纸绘制</li>
                <li>Office办公软件 (Word, Excel)</li>
                <li>普通话二级甲等证书</li>
                <li>西门子PLC控制器仿真实践</li>
            </ul>
        </div>

        <div class="sidebar-section">
            <h2><i class="fas fa-star"></i> 自我评价</h2>
            <ul class="self-evaluation">
                <li><i class="fas fa-check" style="color: var(--secondary-color);"></i> 具备扎实的能源与动力工程理论基础，尤其在热力学、传热学及流体力学领域。</li>
                <li><i class="fas fa-check" style="color: var(--secondary-color);"></i> 拥有出色的快速学习与技术迭代能力，擅长结合理论建模与实验验证解决实际工程问题。</li>
                <li><i class="fas fa-check" style="color: var(--secondary-color);"></i> 具备优秀的团队协作精神与沟通能力，能与同事高效配合，共同完成项目任务。</li>
            </ul>
        </div>

        <div class="sidebar-section">
            <h2><i class="fas fa-heart"></i> 兴趣爱好</h2>
            <ul class="skills-list">
                <li>篮球</li>
                <li>健身</li>
            </ul>
        </div>

    </aside>

    <!-- ========== 右侧主内容区 ========== -->
    <main class="main-content">
        <section class="main-section">
            <h2><i class="fas fa-graduation-cap"></i> 教育背景</h2>
            <div class="timeline-item">
                <div class="item-header">
                    <h3>陕西理工大学</h3>
                    <span class="date">本科</span>
                </div>
                <p class="item-subheader">能源与动力工程 (热能与储能方向)</p>
                <div class="item-content">
                    <ul>
                        <li><strong>热能方向主修：</strong>供热工程、热力发电厂、能源动力装置、传热学、工程热力学、工程流体力学。</li>
                        <li><strong>储能方向主修：</strong>电化学储能基础、动力电池技术、能源工程材料。</li>
                        <li><strong>课程实践：</strong>西门子PLC控制器仿真实践、电工电子技术设计实践、机械工程训练实践。</li>
                    </ul>
                </div>
            </div>
        </section>

        <section class="main-section">
            <h2><i class="fas fa-rocket"></i> 实践活动</h2>
            <div class="timeline-item">
                <div class="item-header">
                    <h3>课程设计：轴流式二次风机及减速器设计</h3>
                </div>
                <div class="item-content">
                    <ul>
                        <li>独立负责200MW等级的轴流式二次风机选型与气动设计。</li>
                        <li>自主完成配套减速器的结构设计、强度校核与选材。</li>
                        <li>使用AutoCAD与SolidWorks，高质量地完成了全套二维零件图、装配图纸及详细设计说明书的编制。</li>
                    </ul>
                </div>
            </div>

            <div class="timeline-item">
                <div class="item-header">
                    <h3>制造业企业实地调研</h3>
                </div>
                <p class="item-subheader">陕西中奥制冷、汉江工具等5家企业</p>
                <div class="item-content">
                    <ul>
                        <li>深入一线，系统性学习制造业的生产流程、核心设备操作原理及先进技术应用。</li>
                        <li>作为小组成员，共同撰写深度调研报告，并在汇报中提出针对性的节能改造方案，探索能源节约与环境保护的实践路径。</li>
                    </ul>
                </div>
            </div>

            <div class="timeline-item">
                <div class="item-header">
                    <h3>金工实习</h3>
                </div>
                <div class="item-content">
                    <ul>
                        <li>通过车、铣、刨、磨等多种工序，亲手制作五金工具（如锤子），对工程制造流程建立起直观且深刻的理解。</li>
                        <li>在实践中锻炼了严谨的工匠精神，强化了动手能力与独立解决制造过程中突发问题的能力。</li>
                    </ul>
                </div>
            </div>
        </section>
    </main>
</div>

</body>
</html>